<template>
	<view style="padding: 20rpx;">
		<u-swiper height="250rpx" :list="list"></u-swiper>
		<view style="margin: 20rpx;height: calc( 100vh - 330rpx);display: flex;flex-direction: column">
			<view class="bt_primary" style="height: 50%;margin-bottom: 20rpx;display: flex;flex-direction: column">
				<!-- 头部 -->
				<view class="bt_primary"
					style="text-align: center;font-size: 32rpx;padding: 10rpx 0; font-weight: 600;">管理员通知</view>
				<!-- 主题内容 -->
				<view class="" style="padding: 20rpx 40rpx;flex: 1;overflow-y: auto">
					<!-- 子项目 -->
					
					<view @click="handlerToPath" v-for="item in 10"
						style="margin-bottom: 20rpx;text-align: center;border-radius: 20rpx;overflow: hidden;font-size: 24rpx;"
						class="bt_gary">
						<view class="bt_gary">管理员1</view>
						<view style="height: 100rpx;word-break: break-all;overflow-y: auto">
							嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻
							嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻
							嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻
						</view>
					</view>
				</view>
			</view>
			<view class="bt_primary" style="height: 50%;display: flex;flex-direction: column">
				<!-- 头部 -->
				<view style="text-align: center;font-size: 32rpx;padding: 10rpx 0; font-weight: 600;">常用网站</view>
				<view style="overflow-y: auto;flex: 1;">
                    <a v-for="item in 10" to="#" style="margin-bottom: 10rpx;text-align: center;color: blue;font-size: 24rpx;">天涯论坛</a>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: ["https://cdn.uviewui.com/uview/swiper/1.jpg", "https://cdn.uviewui.com/uview/swiper/2.jpg"],
			}
		},
		onLoad() {

		},
		methods: {
         handlerToPath(){
			 uni.navigateTo({
			 	url:"/pages/admin-message/admin-message"
			 })
		 }
		}
	}
</script>